@charset "utf-8";
/* 狮吼TV */

body       { margin:0; background:#150c05; }
.wrap img  { width:100%; display:block; }
.boxImg    { position:relative; }
.btnMenu   { overflow:hidden; }
.btnMenu a { float:left; width:50%; display:block; overflow:hidden; }
.btnSy     { width:50px; height:96px; display:block; background:url(http://h5.youxiduo.com/special/shihou/promoter/3036/static/img/btnSy.png) no-repeat; background-size:50px 96px; position:absolute; right:0; bottom:15%; z-index:3; }

/* 下载 */
.btnLink   { margin-left:-60px; width:120px; height:40px; display:block; position:absolute; left:50%; bottom:0; z-index:3; }

/* 弹窗 */
.pop       { position:fixed; left:20%; top:47%; width:60%; height:30px; font-size:14px; line-height:30px; text-align:center; display:none; border-radius:5px; z-index:999; color:#fff; background:url(http://h5.youxiduo.com/special/shihou/promoter/3036/static/img/5.png) repeat; }

/* 排行榜 */
#bodyPhb       {}
.menu          { overflow:hidden;}
.menu li       { float:left; width:50%; position:relative; }
.menu li img   { width:100%; display:block; }
.menu li .h    { position:absolute; left:0; top:0; z-index:3; filter:alpha(opacity=0); opacity:0; }
.menu .curr .h { filter:alpha(opacity=1); opacity:1; }

.phb        { display:none; }
.phbCont    { padding:5% 4% 0; background:url(http://h5.youxiduo.com/special/shihou/promoter/3036/static/img/top3.png) repeat-y; background-size:100% auto;}
.phbList li { padding:0 80px 0 64px; height:68px; position:relative; border-top:1px solid #332008; overflow:hidden; }
.phbList .phbHead { margin-top:-22px; width:40px; height:40px; display:block; overflow:hidden; border-radius:50%; border:2px solid #dbdbdb; position:absolute; left:10px; top:50%; z-index:3; }
.phbList .phbWrap { width:40px; height:40px; display:block; position:relative; }
.phbList .phbWrap span { width:40px; height:40px; display:block; filter:alpha(opacity=70); opacity:0.7; background:#000; position:absolute; left:0; top:0; z-index:3; }
.phbList .loader-inner { margin:-10px 0 0 -10px; width:20px; height:20px; position:absolute; left:50%; top:50%; z-index:5; }
.phbList .line-scale-pulse-out > div { float:left; margin:0 1px; width:2px; height:20px; display:inline-block; border-radius:1px; }
.phbList .phbName { margin-top:11px; font-size:16px; font-weight:normal; color:#f1bd63; overflow: hidden; height: 20px; line-height: 20px;}
.phbList .phbTime { font-size:12px; color:#827157; } 
.phbList .phbCount{ margin-top:-10px; width:20px; height:20px; border-radius:2px; display:block; font-size:12px; text-align:center; line-height:20px; background:#524126; color:#f1bd63; position:absolute; right:10px; top:50%; z-index:3; }
.space { height:54px; }

.phbTopThree          { padding:30px 0 20px; height:120px; overflow:hidden;}
.phbTopThree ul       { position:relative;}
.phbNo2               { left:0;}
.phbNo3               { right:0;}
.phbNo1               { left:33.33%;}
.phbTopThree li       { position:absolute;width:33.33%; }
.phbTopThree .loader-inner { margin:-10px 0 0 -10px; width:20px; height:20px; position:absolute; left:50%; top:50%; z-index:5; }
.phbTopThree .line-scale-pulse-out > div { float:left; margin:0 1px; width:2px; height:20px; display:inline-block; border-radius:1px; }
.phbTopThree .phbName { height:30px; line-height:30px; display:block; overflow:hidden; text-align:center; font-size:16px; font-weight:normal; color:#f1bd63; }
.phbTopThree .phbTime { height:20px; line-height:20px; text-align:center; display:block; overflow:hidden; font-size:12px; color:#827157; } 

.phbNo2               { margin-top:13px; }
.phbNo2 .phbHead      { margin:0 auto; width:52px; height:52px; display:block; overflow:hidden; border-radius:50%; border:2px solid #dbdbdb; }
.phbNo2 .phbWrap      { width:52px; height:52px; display:block; position:relative; }
.phbNo2 .phbWrap span { width:52px; height:52px; display:block; filter:alpha(opacity=70); opacity:0.7; background:#000; position:absolute; left:0; top:0; z-index:3; }
.phbNo2 .iconNo2      { margin-left:-20px; width:40px; height:33px; display:block; background:url(http://h5.youxiduo.com/special/shihou/promoter/3036/static/img/no2.png) no-repeat; background-size:40px 33px; position:absolute; left:50%; top:-20px; z-index:3; }

.phbNo1 .phbHead      { margin:0 auto; width:65px; height:65px; display:block; overflow:hidden; border-radius:50%; border:2px solid #eba022; }
.phbNo1 .phbWrap      { width:65px; height:65px; display:block; position:relative; }
.phbNo1 .phbWrap span { width:65px; height:65px; display:block; filter:alpha(opacity=70); opacity:0.7; background:#000; position:absolute; left:0; top:0; z-index:3; }
.phbNo1 .iconNo1      { margin-left:-22px; width:44px; height:38px; display:block; background:url(http://h5.youxiduo.com/special/shihou/promoter/3036/static/img/no1.png) no-repeat; background-size:44px 38px; position:absolute; left:50%; top:-20px; z-index:3; }

.phbNo3               { margin-top:19px; }
.phbNo3 .phbHead      { margin:0 auto; width:46px; height:46px; display:block; overflow:hidden; border-radius:50%; border:2px solid #73befb; }
.phbNo3 .phbWrap      { width:46px; height:46px; display:block; position:relative; }
.phbNo3 .phbWrap span { width:46px; height:46px; display:block; filter:alpha(opacity=70); opacity:0.7; background:#000; position:absolute; left:0; top:0; z-index:3; }
.phbNo3 .iconNo3      { margin-left:-12px; width:24px; height:26px; display:block; background:url(http://h5.youxiduo.com/special/shihou/promoter/3036/static/img/no3.png) no-repeat; background-size:24px 26px; position:absolute; left:50%; top:-15px; z-index:3; }


.phb_2            { position:relative;}
.tabF             { width:94%; padding: 0 3%; overflow:hidden; background:url(http://h5.youxiduo.com/special/shihou/promoter/3036/static/img/top2.png) no-repeat; background-size:100% 40px;}
.tabF li          { float:left; width:25%; font-size:12px; color:#a77b55; text-align:center; text-align:center; line-height:40px;}
.tabF li.curr     { background:url(http://h5.youxiduo.com/special/shihou/promoter/3036/static/img/curr.png) bottom left no-repeat; background-size:100%; color:#dd9b2b;}
.wrap .boxImg     { width:80%; margin:0 auto 0;}
.bangdan          { height:68px; overflow:hidden; position:relative; padding: 0 20px 0 80px;}
.bangdan .phbHead { width:40px; height:40px; display:block; overflow:hidden; border-radius:50%; border:2px solid #dbdbdb; position:absolute; margin-top: -22px; left:23px; top:50%; z-index:3;}
.bangdan .phbWrap { width:40px; height:40px; display:block; position:relative; }
.bangdan .phbName { color: #f1bd63; font-size: 14px; font-weight: normal;  margin-top: 11px; width:60%; overflow:hidden; height: 20px; line-height: 20px;}
.bangdan .phbTime { color: #f1bd63; font-size: 12px;}
.font             { border-left:1px solid #352315; width:27%; position:absolute; right:13px; top:15px;}
.font span        { display:block; text-align:right;}


.nav               { position:relative;}
.RankingList       { position:relative;}
.zhoubang_1        {  width:80%; overflow:hidden;  height:35px; margin:10px auto 0; border:2px solid #382517; border-radius:20px; overflow:hidden; }
.zhoubang_1 li     { float:left; width:50%;  background:#140c05; color:#a17e4a; text-align:center; line-height:35px; position:relative; font-size:14px;}
.zhoubang img      { display:block; position:absolute; width:13px; height:7px; left:69%; top:14px;}
.zhoubang_1 .curr  { background:#392617; color:#feb42a;}
.more              { display:block; background:#221505; color:#f2be63; text-align:center; line-height:35px; height:35px; overflow:hidden; border-bottom:1px solid #332008;}
.box2,.week   { display:none;}
.curr              { display:block;}
.bangdan2          { overflow:hidden; width:80%; margin:0 auto; padding:15px 0;}
.bangdan2 img      { display:block; float:left; width:42px; height:42px; margin-right:15px;}
.bangdan2 p        { float:left; line-height:42px; height:42px; overflow:hidden; color:#d2a455; }

.footer,.daodi     { color:#524126; font-size:12px; text-align:center; height:42px; line-height:42px;}
.fenxiang          { position:absolute;right:15px; top:15px; width:20%;}
.downlogo          { position:absolute; width:50%; left:50%; margin-left:-25%; bottom:6%; z-index:99;}
.fenxiang  img     { display:block; width:100%;}
.weekFour          { display:none; position:absolute; width:20%; padding:0 5%; left:15%; top:45px; z-index:999; background:#392617; color:#755941; text-align:center; border-radius:7px;}
.weekFour li       { height:40px; line-height:40px; font-size:12px; background:url(http://h5.youxiduo.com/special/shihou/promoter/3036/static/img/line.png) repeat-x bottom left; display:none; }
.weekFour a        { width:7px; height:4px; background:url(http://h5.youxiduo.com/special/shihou/promoter/3036/static/img/weektop.png) no-repeat; background-size:7px 4px; position:absolute; left:50%; margin-left:-3px; top:-4px; z-index:998; }
.weekFour li.curr  { color:#d9982a;}
.weekFour .curr em { width:5px; height:5px; background:url(http://h5.youxiduo.com/special/shihou/promoter/3036/static/img/weekbg.png) no-repeat; background-size:100%; display:inline-block;}

.weekFour li:last-child  { background:none;}
.weekFour .curr em:first-child  { margin-right:5px;}
.weekFour .curr em:last-child  { margin-left:5px;}

.loading    { position:fixed; display:none; width:100px; height:100px; left:50%; margin-left:-50px; top:45%; z-index:999999999; border-radius:10px; background:url(http://h5.youxiduo.com/special/shihou/promoter/3036/static/img/bai.png) repeat;}
.loading_in  { position:relative; width:100%; height:100%;}
.loading_in .line-scale-pulse-out > div { float:left; margin:0 1px; width:2px; height:25px; display:inline-block; border-radius:1px; }
.loading_in span       { width:100%; text-align:center; color:#fff; height:30px; line-height:30px; font-size:10px; position:absolute; bottom:10px; left:0;}
.loading .loader-inner { margin:0px 0 0 -10px; width:20px; height:50px; position:absolute; left:50%; top:19%;  z-index:5; }
.zgz        { position:fixed; width:100%; height:100%; z-index:99999997;  display:none;}

.weekTitle  { height:30px; text-align:center; line-height:30px; overflow:hidden; color:#feb42a; padding:10px 0; font-size:14px;}
.shibai     { width:100px; height:100px; border-radius:10px; text-align:center; font-size:10px;  color:#fff; position:fixed; top:45%; left:50%; margin-left:-50px ;z-index:999999999; background:url(http://h5.youxiduo.com/special/shihou/promoter/3036/static/img/bai.png) repeat; display:none;}
.shibai img { display:block; width:34px; height:34px; margin:24px auto 0;}
.shibai span  { display:block; text-align:center; line-height:30px; font-size:10px; height:30px; overflow:hidden; color:#fff;}

@media screen and (min-width:375px)
{
	
}

@media screen and (min-width:414px)
{
	
}

